<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
	</head>

	<body>
		<div id="app">
			<!-- 选择一个 -->
			<select name="abc" id="" v-model="fruit">
				<option value="苹果">苹果</option>
				<option value="香蕉">香蕉</option>
				<option value="樱桃">樱桃</option>
				<option value="橘子">橘子</option>
				<option value="西瓜">西瓜</option>
			</select>
			<h2>您选择的水果是：{{fruit}}</h2>
			<br />
			<!-- 选择多个 -->
			<select name="abc" id="" v-model="fruits" multiple>
				<option value="苹果">苹果</option>
				<option value="香蕉">香蕉</option>
				<option value="樱桃">樱桃</option>
				<option value="橘子">橘子</option>
				<option value="西瓜">西瓜</option>
			</select>
			<h2>您选择的水果是：{{fruits}}</h2>
		</div>

		<script src="../lib/vue.js"></script>
		<script>
			let vm = new Vue({
				el: "#app",
				data: {
					message: "hello",
					fruit: "樱桃",
					fruits: []
				},
				methods: {}
			});
		</script>
	</body>
</html>
